import React from 'react';
import {WhiteSpace, Modal} from 'antd-mobile';
import {Panel, Layout, Line, Btn} from '../../components/index'
import './index.less';

const navigation = {
  title: "我的资料",
  left: true,
  className: "a-nav-bar",
  mode: "dark"
};

class Assess extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const {history} = this.props;
    return (
      <Layout navigation={navigation} className={'page-assess'} history={this.props.history}>
        <Panel className={'a-header'} bodyCls={'a-h-body'}>
          <div className={'a-h-info'}>
            <p className={'a-i-t'}>悄悄告诉您：</p>
            <p className={'a-i-d'}>快速申请借款，需要完成下面4项信息！</p>
          </div>

        </Panel>
        <div className={'a-list'}>
          <Line
            className={'a-l-name'}
            onClick={() => {
              history.push('/authName');
            }}
            icon={true}
            title={'实名认证'}
            extra={'去完善'}/>
          {/*<Line*/}
          {/*onClick={() => {*/}

          {/*}}*/}
          {/*className={'a-l-per'}*/}
          {/*icon={true}*/}
          {/*title={'个人信息'}*/}
          {/*extra={'去完善'}/>*/}
          <Line
            onClick={() => {

            }}
            className={'a-l-tel'}
            icon={true}
            title={'通信信息'}
            extra={'已认证'}/>
          {/*<Line*/}
          {/*onClick={() => {*/}

          {/*}}*/}
          {/*className={'a-l-pay'}*/}
          {/*icon={true}*/}
          {/*title={'蚂蚁信息'}*/}
          {/*extra={'已认证'}/>*/}
        </div>
        <WhiteSpace/>
        <Btn className={'a-btn'} onClick={() => {
          console.log("提交");
        }}>提交</Btn>
      </Layout>
    );
  }
};

Assess.propTypes = {};

export default Assess;
